<!DOCTYPE html>
<html>

<head>
	<meta charset="UTF-8">
	<title></title>
	<link rel="stylesheet" type="text/css" href="css/vmall.css" />
	<link rel="stylesheet" href="./swiper-bundle.min.css">
	<script src="./swiper-bundle.min.js"></script>
	<link rel="stylesheet" href="../lib/css/bootstrap.min.css">
</head>

<body>
	<div id="warp">
		<div id="banna">
			<img class="banna" src="./img/header.jpg" />
			<a href="" class="delete"><img src="./img/delete.jpg" alt=""></a>
		</div>
		<nav>
			<div class="nav">
				<ul class="nav_left">
					<a href="#">首页</a>
					<a href="#">华为官网</a>
					<a href="#">荣耀官网</a>
					<a href="#">花粉俱乐部</a>
					<a href="#">V码(优购码)</a>
					<a href="#">企业购</a>
					<a href="#">Select Region</a>
					<a href="#">更多精彩
						<div class="nav_lnone_1 nav_none">
							<ul class="qwe">
								<li>
									<sapn>EMUl</span>
								</li>
								<li><span>应用市场</span></li>
								<li><span>华为终端云空间</spon>
								</li>
								<li><span>开发者联盟</span></li>
							</ul>
						</div>
					</a>
				</ul>
				<ul class="nav_right">
					<a href="./login.html">请登录</a>
					<a href="./zhuche.html">注册</a>
					<a href="#">我的订单</a>
					<a href="#">客户服务
						<div class="nav_rnone_1 nav_none">
							<ul>
								<li>
									<sapn>服务中心</span>
								</li>
								<li><span>联系客服</span></li>
							</ul>
						</div>
					</a>
					<a href="#">网站导航
						<div class="nav_rnone_2 nav_none">
						</div>
					</a>
					<!-- <a href="#">手机版
							<div class="nav_rnone_3 nav_none">
							</div>
						</a> -->
					<a href="#">购物车
						<div class="nav_rnone_4 nav_none">
						</div>
					</a>
				</ul>
			</div>
		</nav>
		<!--头部开始-->
		<div id="header">
			<div class="header">
				<ul>
					<li>
						<img src="img/logo_0.png" />
						<div class="lbt_left">
							<ul class="lbt_left_ul">
								<li><a class="lbt_zi"
										href="#"><span>手机&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;></span></a>
									<div class="lbt_left_none lbt_left_none1">
										<ul>
											<li><a href="#"><img class="tu1" src="img/lbu_01_01.png" />华为p系列</a></li>
											<li><a href="#"><img class="tu1" src="img/lbu_01_01.png" />华为p系列</a></li>
											<li><a href="#"><img class="tu1" src="img/lbu_01_01.png" />华为p系列</a></li>
											<li><a href="#"><img class="tu1" src="img/lbu_01_01.png" />华为p系列</a></li>
											<li><a href="#"><img class="tu1" src="img/lbu_01_01.png" />华为p系列</a></li>
										</ul>
										<ul>
											<li><a href="#"><img class="tu1" src="img/lbu_01_01.png" />华为p系列</a></li>
											<li><a href="#"><img class="tu1" src="img/lbu_01_01.png" />华为p系列</a></li>
											<li><a href="#"><img class="tu1" src="img/lbu_01_01.png" />华为p系列</a></li>
											<li><a href="#"><img class="tu1" src="img/lbu_01_01.png" />华为p系列</a></li>
											<li><a href="#"><img class="tu1" src="img/lbu_01_01.png" />华为p系列</a></li>
										</ul>
									</div>
								</li>
								<li><a class="lbt_zi" href="#"><span>笔记本&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;></span></a>
									<div class="lbt_left_none lbt_left_none2">
										<ul>
											<li><a href="#"><img class="tu1" src="img/lbu_01_01.png" />华为p系列</a></li>
											<li><a href="#"><img class="tu1" src="img/lbu_01_01.png" />华为p系列</a></li>
											<li><a href="#"><img class="tu1" src="img/lbu_01_01.png" />华为p系列</a></li>
											<li><a href="#"><img class="tu1" src="img/lbu_01_01.png" />华为p系列</a></li>
											<li><a href="#"><img class="tu1" src="img/lbu_01_01.png" />华为p系列</a></li>
										</ul>
										<ul>
											<li><a href="#"><img class="tu1" src="img/lbu_01_01.png" />华为p系列</a></li>
											<li><a href="#"><img class="tu1" src="img/lbu_01_01.png" />华为p系列</a></li>
											<li><a href="#"><img class="tu1" src="img/lbu_01_01.png" />华为p系列</a></li>
											<li><a href="#"><img class="tu1" src="img/lbu_01_01.png" />华为p系列</a></li>

										</ul>
									</div>
								</li>
								<li><a class="lbt_zi"
										href="#"><span>平板&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;></span></a>
									<div class="lbt_left_none lbt_left_none3">
										<ul>
											<li><a href="#"><img class="tu1" src="img/lbu_01_01.png" />华为p系列</a></li>
											<li><a href="#"><img class="tu1" src="img/lbu_01_01.png" />华为p系列</a></li>
											<li><a href="#"><img class="tu1" src="img/lbu_01_01.png" />华为p系列</a></li>
											<li><a href="#"><img class="tu1" src="img/lbu_01_01.png" />华为p系列</a></li>

										</ul>
										<ul>
											<li><a href="#"><img class="tu1" src="img/lbu_01_01.png" />华为p系列</a></li>
											<li><a href="#"><img class="tu1" src="img/lbu_01_01.png" />华为p系列</a></li>
											<li><a href="#"><img class="tu1" src="img/lbu_01_01.png" />华为p系列</a></li>
											<li><a href="#"><img class="tu1" src="img/lbu_01_01.png" />华为p系列</a></li>
											<li><a href="#"><img class="tu1" src="img/lbu_01_01.png" />华为p系列</a></li>
										</ul>
									</div>
								</li>
								<li><a class="lbt_zi" href="#"><span>智能穿戴VR&emsp;&emsp;&emsp;&nbsp;&nbsp;></span></a>
									<div class="lbt_left_none lbt_left_none4">
										<ul>
											<li><a href="#"><img class="tu1" src="img/lbu_01_01.png" />华为p系列</a></li>
											<li><a href="#"><img class="tu1" src="img/lbu_01_01.png" />华为p系列</a></li>
											<li><a href="#"><img class="tu1" src="img/lbu_01_01.png" />华为p系列</a></li>
											<li><a href="#"><img class="tu1" src="img/lbu_01_01.png" />华为p系列</a></li>
											<li><a href="#"><img class="tu1" src="img/lbu_01_01.png" />华为p系列</a></li>
										</ul>
										<ul>
											<li><a href="#"><img class="tu1" src="img/lbu_01_01.png" />华为p系列</a></li>
											<li><a href="#"><img class="tu1" src="img/lbu_01_01.png" />华为p系列</a></li>
											<li><a href="#"><img class="tu1" src="img/lbu_01_01.png" />华为p系列</a></li>

										</ul>
									</div>
								</li>
								<li><a class="lbt_zi" href="#"><span>智能家居&emsp;&emsp;&emsp;&emsp;&emsp;></span></a>
									<div class="lbt_left_none lbt_left_none5">
										<ul>
											<li><a href="#"><img class="tu1" src="img/lbu_01_01.png" />华为p系列</a></li>
											<li><a href="#"><img class="tu1" src="img/lbu_01_01.png" />华为p系列</a></li>
											<li><a href="#"><img class="tu1" src="img/lbu_01_01.png" />华为p系列</a></li>

										</ul>
										<ul>
											<li><a href="#"><img class="tu1" src="img/lbu_01_01.png" />华为p系列</a></li>
											<li><a href="#"><img class="tu1" src="img/lbu_01_01.png" />华为p系列</a></li>
											<li><a href="#"><img class="tu1" src="img/lbu_01_01.png" />华为p系列</a></li>
											<li><a href="#"><img class="tu1" src="img/lbu_01_01.png" />华为p系列</a></li>
											<li><a href="#"><img class="tu1" src="img/lbu_01_01.png" />华为p系列</a></li>
										</ul>
									</div>
								</li>
								<li><a class="lbt_zi" href="#"><span>智慧屏&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;></span></a>
									<div class="lbt_left_none lbt_left_none6">
										<ul>
											<li><a href="#"><img class="tu1" src="img/lbu_01_01.png" />华为p系列</a></li>
											<li><a href="#"><img class="tu1" src="img/lbu_01_01.png" />华为p系列</a></li>
											<li><a href="#"><img class="tu1" src="img/lbu_01_01.png" />华为p系列</a></li>
											<li><a href="#"><img class="tu1" src="img/lbu_01_01.png" />华为p系列</a></li>
											<li><a href="#"><img class="tu1" src="img/lbu_01_01.png" />华为p系列</a></li>
										</ul>
										<ul>
											<li><a href="#"><img class="tu1" src="img/lbu_01_01.png" />华为p系列</a></li>
											<li><a href="#"><img class="tu1" src="img/lbu_01_01.png" />华为p系列</a></li>
											<li><a href="#"><img class="tu1" src="img/lbu_01_01.png" />华为p系列</a></li>
											<li><a href="#"><img class="tu1" src="img/lbu_01_01.png" />华为p系列</a></li>
											<li><a href="#"><img class="tu1" src="img/lbu_01_01.png" />华为p系列</a></li>
										</ul>
									</div>
								</li>
								<li><a class="lbt_zi" href="#"><span>耳机音响&emsp;&emsp;&emsp;&emsp;&emsp;></span></a>
									<div class="lbt_left_none lbt_left_none7">
										<ul>
											<li><a href="#"><img class="tu1" src="img/lbu_01_01.png" />华为p系列</a></li>
											<li><a href="#"><img class="tu1" src="img/lbu_01_01.png" />华为p系列</a></li>
											<li><a href="#"><img class="tu1" src="img/lbu_01_01.png" />华为p系列</a></li>
											<li><a href="#"><img class="tu1" src="img/lbu_01_01.png" />华为p系列</a></li>

										</ul>
										<ul>
											<li><a href="#"><img class="tu1" src="img/lbu_01_01.png" />华为p系列</a></li>
											<li><a href="#"><img class="tu1" src="img/lbu_01_01.png" />华为p系列</a></li>
											<li><a href="#"><img class="tu1" src="img/lbu_01_01.png" />华为p系列</a></li>
											<li><a href="#"><img class="tu1" src="img/lbu_01_01.png" />华为p系列</a></li>
											<li><a href="#"><img class="tu1" src="img/lbu_01_01.png" />华为p系列</a></li>
										</ul>
									</div>
								</li>
								<li><a class="lbt_zi"
										href="#"><span>配件&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;></span></a>
									<div class="lbt_left_none lbt_left_none8">
										<ul>
											<li><a href="#"><img class="tu1" src="img/lbu_01_01.png" />华为p系列</a></li>
											<li><a href="#"><img class="tu1" src="img/lbu_01_01.png" />华为p系列</a></li>
											<li><a href="#"><img class="tu1" src="img/lbu_01_01.png" />华为p系列</a></li>
											<li><a href="#"><img class="tu1" src="img/lbu_01_01.png" />华为p系列</a></li>
											<li><a href="#"><img class="tu1" src="img/lbu_01_01.png" />华为p系列</a></li>
										</ul>
										<ul>
											<li><a href="#"><img class="tu1" src="img/lbu_01_01.png" />华为p系列</a></li>
											<li><a href="#"><img class="tu1" src="img/lbu_01_01.png" />华为p系列</a></li>
											<li><a href="#"><img class="tu1" src="img/lbu_01_01.png" />华为p系列</a></li>
											<li><a href="#"><img class="tu1" src="img/lbu_01_01.png" />华为p系列</a></li>

										</ul>
									</div>
								</li>
								<li><a class="lbt_zi" href="#"><span>生态产品&emsp;&emsp;&emsp;&emsp;&emsp;></span></a>
									<div class="lbt_left_none lbt_left_none9">
										<ul>
											<li><a href="#"><img class="tu1" src="img/lbu_01_01.png" />华为p系列</a></li>
											<li><a href="#"><img class="tu1" src="img/lbu_01_01.png" />华为p系列</a></li>
											<li><a href="#"><img class="tu1" src="img/lbu_01_01.png" />华为p系列</a></li>
											<li><a href="#"><img class="tu1" src="img/lbu_01_01.png" />华为p系列</a></li>
											<li><a href="#"><img class="tu1" src="img/lbu_01_01.png" />华为p系列</a></li>
										</ul>
										<ul>
											<li><a href="#"><img class="tu1" src="img/lbu_01_01.png" />华为p系列</a></li>
											<li><a href="#"><img class="tu1" src="img/lbu_01_01.png" />华为p系列</a></li>
											<li><a href="#"><img class="tu1" src="img/lbu_01_01.png" />华为p系列</a></li>
											<li><a href="#"><img class="tu1" src="img/lbu_01_01.png" />华为p系列</a></li>
											<li><a href="#"><img class="tu1" src="img/lbu_01_01.png" />华为p系列</a></li>
										</ul>
									</div>
								</li>
								<li><a class="lbt_zi" href="#"><span>增值服务其他&emsp;&emsp;&emsp;></span></a>
									<div class="lbt_left_none lbt_left_none10">
										<ul>
											<li><a href="#"><img class="tu1" src="img/lbu_01_01.png" />华为p系列</a></li>
											<li><a href="#"><img class="tu1" src="img/lbu_01_01.png" />华为p系列</a></li>
											<li><a href="#"><img class="tu1" src="img/lbu_01_01.png" />华为p系列</a></li>
											<li><a href="#"><img class="tu1" src="img/lbu_01_01.png" />华为p系列</a></li>
											<li><a href="#"><img class="tu1" src="img/lbu_01_01.png" />华为p系列</a></li>
										</ul>
										<ul>
											<li><a href="#"><img class="tu1" src="img/lbu_01_01.png" />华为p系列</a></li>
											<li><a href="#"><img class="tu1" src="img/lbu_01_01.png" />华为p系列</a></li>

										</ul>
									</div>
								</li>
							</ul>
						</div>
					</li>
					<li><img src="img/logo_1.png" /></li>
					<li><img src="img/logo_2.png" /></li>
					<li><a href="#">华为P50系列</a></li>
					<li><a href="#">莫塞尔专区</a></li>
					<li><a href="#">华为智选</a></li>

				</ul>
				<form class="navbar-form navbar-left">
					<div class="input-group">

						<!-- 搜索框 -->
						<input type="text" class="form-control search-input" placeholder="请输入商品名称">
						<span class="input-group-btn">
							<button class="btn btn-default search-btn" type="button">
								<span class="glyphicon glyphicon-search" aria-hidden="true"></span></button>
						</span>
					</div>
				</form>



			</div>
		</div>
		<!--头部结束-->

		<!--轮播图开始-->
		<div id="lbt">
			<div class="lbt">



				<div class="swiper-container">
					<div class="swiper-wrapper">
						<div class="swiper-slide"><img src="
										https://res.vmallres.com/pimages//pages/picImages/46396844572614869364.jpg" alt=""></div>
						<div class="swiper-slide"><img src="
										https://res.vmallres.com/pimages//pages/picImages/31281758472615718213.jpg " alt=""></div>
						<div class="swiper-slide"><img src="          
										https://res.vmallres.com/pimages//pages/picImages/66117658472615671166.png  " alt=""></div>
						<div class="swiper-slide"><img src="          
										https://res.vmallres.com/uomcdn/CN/cms/202107/F958A5CDB3E5C34CDAF4BE9F402AEEF2.jpg  " alt=""></div>
						<div class="swiper-slide"><img src="          
										https://res.vmallres.com/pimages//pages/picImages/46396844572614869364.jpg  " alt=""></div>
					</div>
					<!-- 如果需要分页器 -->
					<div class="swiper-pagination"></div>

					<!-- 如果需要导航按钮 -->
					<div class="swiper-button-prev"></div>
					<div class="swiper-button-next"></div>

					<!-- 如果需要滚动条 -->
					<div class="swiper-scrollbar"></div>
				</div>

			</div>





			<div class="lbt_button">
				<div class="lbt_btn_cen">
					<div class="cen_left">
						<div><img src="img/lbt_02_01.png" /></div>
						<div>您好!请登录/注册</div>
						<div>新人福利</div>
						<div>会员频道</div>
					</div>
					<div class="cen_cen">
						<ul>
							<li><img src="img/lbt_03_01.png"><span>企业购特惠</span></li>
							<li><img src="img/lbt_03_01.png"><span>会员领劵</span></li>
							<li><img src="img/lbt_03_01.png"><span>已旧换新</span></li>
							<li><img src="img/lbt_03_01.png"><span>华为p40系列</span></li>
							<li><img src="img/lbt_03_01.png"><span>荣耀数码</span></li>
							<li><img src="img/lbt_03_01.png"><span>华为数码</span></li>
						</ul>
					</div>
					<div class="cen_right_top">
						公告
					</div>
					<div class="cen_right_but">
						<ul>
							<li><img src="img/lbt_04_01.png" /><span>优购码</span></li>
							<li><img src="img/lbt_04_01.png" /><span>优购码</span></li>
							<li><img src="img/lbt_04_01.png" /><span>优购码</span></li>
						</ul>
					</div>
				</div>
			</div>
		</div>
	</div>
	<!--轮播图结束-->

	<!--四个新品大图开始-->
	<div id="Navigation_new">
		<div class="Navigation_new">
			<img src="../hauwei0802/images/华为_03.jpg" />
			<img src="../hauwei0802/images/华为_05.jpg" />
			<img src="../hauwei0802/images/华为_07.jpg" />
			<img src="../hauwei0802/images/华为_09.jpg" />
		</div>
	</div>

	<!--四个新品大图结束-->

	<!--热销单品开始-->
	<div id="Navigation_rxdp"></div>
	<div class="Navigation_rxdp">
		<div class="rxdp_h">
			<h2>热销手机</h2>
		</div>
		<div class="container">

		</div>

	</div>
	</div>
	<!--热销单品结束-->

	<!--精品推荐开始1200*520-->
	<div id="Navigation_jptj">
		<div class="Navigation_jptj">
			<div class="jptj_h">
				<h2>精品推荐</h2>
			</div>
			<div class="jptj_tu">
				<div class="jptj_tu_pic">
					<span>新品上市</span>
					<img src="../images/华为_53.jpg" />
					<span>订金100抵300+6期免息</span>
				</div>
				<div class="jptj_tu_zi">
					<span>HUAWEI MateBook X Pro 2020款</span>
					<span>¥7999</span>
				</div>
			</div>
			<div class="jptj_tu">
				<div class="jptj_tu_pic">
					<span>新品上市</span>
					<img src="../images/华为_55.jpg" />
					<span>订金100抵300+6期免息</span>
				</div>
				<div class="jptj_tu_zi">
					<span>HUAWEI MateBook X Pro 2020款</span>
					<span>¥7999</span>
				</div>
			</div>
			<div class="jptj_tu">
				<div class="jptj_tu_pic">
					<span>新品上市</span>
					<img src="../images/华为_62.jpg" />
					<span>订金100抵300+6期免息</span>
				</div>
				<div class="jptj_tu_zi">
					<span>HUAWEI MateBook X Pro 2020款</span>
					<span>¥7999</span>
				</div>
			</div>
			<div class="jptj_tu">
				<div class="jptj_tu_pic">
					<span>新品上市</span>
					<img src="../images/华为_62.jpg" />
					<span>订金100抵300+6期免息</span>
				</div>
				<div class="jptj_tu_zi">
					<span>HUAWEI MateBook X Pro 2020款</span>
					<span>¥7999</span>
				</div>
			</div>
			<div class="jptj_tu">

				<div class="jptj_tu_pic">
					<span>新品上市</span>
					<img src="../images/华为_65.jpg" />
					<span>订金100抵300+6期免息</span>
				</div>
				<div class="jptj_tu_zi">
					<span>HUAWEI MateBook X Pro 2020款</span>
					<span>¥7999</span>
				</div>
			</div>
			<!--<div class="jptj_kb"></div>-->
			<div class="jptj_but">
				<img src="img/jptj_02.png" />
			</div>
		</div>
	</div>
	<!--精品推荐结束-->

	<!--手机开始-->

	<div id="Navigation_sj">
		<div class="Navigation_sj">
			<div class="sj_h">
				<h2>耳机音响</h2>
				<a href=""><span>HUAWEI Mate系列</span></a>
				<a href=""><span>HUAWEI p系列</span></a>
				<a href=""> <span>HUAWEI nova系列</span></a>
				<a href=""> <span>华为畅想系列</span></a>
				<a href=""><span>查看更多</span></a>
			</div>
			<div class="containerXX">

			</div>
</div>
			<!--手机结束-->

			<!--精选配件开始-->
			<div id="Navigation_jppj">
				<div class="Navigation_jppj">
					<div class="jppj_h">
						<h2>精选配件</h2>
						<span>移动电源</span>
						<span>充电器</span>
						<span>自拍杆/线材</span>
						<span>摄像机/镜头</span>
						<span>智能硬件</span>
						<span>周边生活</span>
						<span>其他</span>
						<span>保护壳</span>
						<span>保护套</span>
						<span>贴膜</span>
						<span>个人电脑配件</span>
						<span>查看更多</span>
						
				</div>
				<div class="container2">

				</div>
			</div>

			<!--精选配件结束-->

			<!--间隔开始-->
			<div id="jg_2"></div>
			<!--间隔结束-->


			<!--新人见面礼开始-->
			<div id="Navigation_xrjml">
				<div class="Navigation_xrjml"></div>
			</div>
			<!--新人见面礼结束-->

			<!--间隔开始-->
			<div id="jg_1"></div>
			<!--间隔结束-->

			<!--底部开始-->
			<div id="Navigation_foot">
				<div class="Navigation_foot">
					<div class="foot_top">
						<ul>
							<li><img src="img/foot_top_01.png" />
								<p>百年企业 品质保证</p>
							</li>
							<li><img src="img/foot_top_01.png" />
								<p> 七天退货 15天换货</p>
							</li>
							<li><img src="img/foot_top_01.png" />
								<p>48元起免运费</p>
							</li>
							<li><img src="img/foot_top_01.png" />
								<p>1000家维修网点 全国联保</p>
							</li>
						</ul>
					</div>
					<div class="foot_cen">
						<div class="foot_cen_left">
							<dl>
								<dt>购物相关</dt>
								<dd>购物指南</dd>
								<dd>配送方式</dd>
								<dd>支付方式</dd>
								<dd>常见问题</dd>
								<dd>常见问题</dd>
							</dl>
							<dl>
								<dt>购物相关</dt>
								<dd>购物指南</dd>
								<dd>配送方式</dd>
								<dd>支付方式</dd>
								<dd>常见问题</dd>
								<dd>常见问题</dd>
							</dl>
							<dl>
								<dt>购物相关</dt>
								<dd>购物指南</dd>
								<dd>配送方式</dd>
								<dd>支付方式</dd>
								<dd>常见问题</dd>
								<dd>常见问题</dd>
							</dl>
							<dl>
								<dt>购物相关</dt>
								<dd>购物指南</dd>
								<dd>配送方式</dd>
								<dd>支付方式</dd>
								<dd>常见问题</dd>
								<dd>常见问题</dd>
							</dl>
							<dl>
								<dt>购物相关</dt>
								<dd>购物指南</dd>
								<dd>配送方式</dd>
								<dd>支付方式</dd>
								<dd>常见问题</dd>
								<dd>常见问题</dd>
							</dl>
							<dl>
								<dt>购物相关</dt>
								<dd>购物指南</dd>
								<dd>配送方式</dd>
								<dd>支付方式</dd>
								<dd>常见问题</dd>
								<dd>常见问题</dd>
							</dl>
						</div>
						<div class="foot_cen_right">
							<p>9508085</p>
							<p>7x24小时客服热线(仅收市话费)</p>
							<p>在线客服</p>
							<h2>关注Vamll:</h2>
							<img src="img/foot_cen_01.png" />
						</div>
					</div>
					<div class="foot_but">
						<img src="img/foot_but_01.png" />
						<div class="foot_but_cen">
							<div class="a">
								<p>华为集团</p>
								<p>华为CBG官网</p>
								<p>荣耀官网</p>
								<p>花粉俱乐部</p>
								<p>华为应用市场</p>
								<p>EMUI</p>
								<p>华为终端云空间</p>
								<p>开发者联盟</p>
								<p>华为商城手机版</p>
								<p>地图网站</p><br />
							</div>
							<div class="b">
								<p>隐私声明</p>
								<p>服务协议</p>
								<p>COOKIES</p>
								<p> Copyright © 2012-</p>
								<p>华为终端有限公司 版权所有</p>
								<p>粤ICP备19015064号</p>
								<p>粤公网安备 44190002003939号</p><br />
							</div>
							<div class="c">
								<p>增值电信业务经营许可证：粤B2-20190762</p>
								<p>备案主体编号：44201919072182</p>
							</div>
						</div>
						<img src="img/foot_but_02.png" />
					</div>
				</div>
			</div>
			<!--底部结束-->
		</div>
</body>
<script>
	//轮播图     
	var mySwiper = new Swiper('.swiper-container', {
		direction: 'horizontal', // 垂直切换选项
		loop: true, // 循环模式选项

		// 如果需要分页器
		pagination: {
			el: '.swiper-pagination',
		},

		// 如果需要前进后退按钮
		navigation: {
			nextEl: '.swiper-button-next',
			prevEl: '.swiper-button-prev',
		},
		//自动切换
		autoplay: true,
		/* // 如果需要滚动条
		scrollbar: {
			el: '.swiper-scrollbar',
		}, */
	})
</script>

<script src="./js/ajax_promise.js"></script><!-- 引入ajxa -->
<script>
	ajax({
		url: './php/findGood.php',
		type: 'post'
	}).then(res => {
	
		const obj11= JSON.parse(res) 
		var obj=obj11.splice(0,8)
		var str = ''
		obj.forEach(item => {

			str += `<div class="col-sm-6 col-md-3">
				<div class="thumbnail">
                        <img  class="good-img" src="${item.s_img}" alt="...">
                        <div class="caption">
                            <h3 class="good-name">${item.good_name}</h3>
                            <p>¥${item.price}</p>
							<P>赠送积分</P>
                            <p>
                                <a href="#" class="btn btn-primary" role="button">加入购物车</a> 
                                <a href="./detail.html?id=${item.id}" class="btn btn-default" role="button">查看详情</a>
                            </p>
                        </div>
                    </div>
                </div>`
		});

		document.querySelector('.container').innerHTML = str
	
	})


	/* 耳机音箱 */

	 ajax({
		url: './php/findGood.php',
		type: 'post'
	}).then(res => {
		const obj11= JSON.parse(res) 
		var objz=obj11.splice(8,8)
		var str = ''
		objz.forEach(item => {

			str += `<div class="col-sm-6 col-md-3">
				<div class="thumbnail">
                        <img  class="good-img" src="${item.s_img}" alt="...">
                        <div class="caption">
                            <h3 class="good-name">耳机</h3>
                            <p>¥${item.price}</p>
							<P>赠送积分</P>
                            <p>
                                <a href="#" class="btn btn-primary" role="button">加入购物车</a> 
                                <a href="./detail.html?id=${item.id}" class="btn btn-default" role="button">查看详情</a>
                            </p>
                        </div>
                    </div>
                </div>`
		});

		
		document.querySelector('.containerXX').innerHTML = str
	
	}) 


/* 精选配件 */
 ajax({
		url: './php/findGood.php',
		type: 'post'
	}).then(res => {
	
		const obj11= JSON.parse(res) 
		var objd=obj11.splice(16,24)
		var str = ''
		objd.forEach(item => {

			str += `<div class="col-sm-6 col-md-3">
				<div class="thumbnail">
                        <img  class="good-img" src="${item.s_img}" alt="...">
                        <div class="caption">
                            <h3 class="good-name">数据线</h3>
                            <p>¥${item.price}</p>
							<P>赠送积分</P>
                            <p>
                                <a href="#" class="btn btn-primary" role="button">加入购物车</a> 
                                <a href="./detail.html?id=${item.id}" class="btn btn-default" role="button">查看详情</a>
                            </p>
                        </div>
                    </div>
                </div>`
		});

		
		document.querySelector('.container2').innerHTML = str
	
	}) 


	
	
	
	
	/* 搜索 */
	document.querySelector('.search-btn').onclick = function () {
		let keyword = document.querySelector('.search-input').value

		ajax({
			url: './php/findGood.php',
			type: 'post',
			data: {
				keyword
			},
		}).then(res => {
			console.log(JSON.parse(res));
			const resArr = JSON.parse(res)
			let str = ''
			resArr.forEach(item => {

				str += `<div class="col-sm-6 col-md-3">
				<div class="thumbnail">
                        <img  class="good-img" src="${item.s_img}" alt="...">
                        <div class="caption">
                            <h3 class="good-name">${item.good_name}</h3>
                            <p>¥${item.price}</p>
							<P>赠送积分</P>
                            <p>
                                <a href="#" class="btn btn-primary" role="button">加入收藏</a> 
                                <a href="./detail.html?id=${item.id}" class="btn btn-default" role="button">查看详情</a>
                            </p>
                        </div>
                    </div>
                </div>`
			});

			document.querySelector('.container').innerHTML = str
			document.querySelector('.container1').innerHTML = str
			document.querySelector('.container2').innerHTML = str
		})

	}
</script>

</html>